.ad-tree {
  display: block;
}

.ad-tree-node-provider {
  display: block;
}

.ad-tree-node {
  display: flex;
  align-items: center;
  height: 38px;
  cursor: pointer;

  &.ad-tree-node-selected {
    background: rgba(0, 166, 253, 0.1);
  }

  &:hover {
    background: #dae4e9;
  }
}

.ad-tree-node-switcher {
  display: flex;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.ad-tree-node-icon {
  width: 24px;
  height: 24px;
}

.ad-tree-node-name {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4px;
}
